<template>
  <div id="intr">
    <!-- 这是店铺介绍 -->
    <div class="intr_box" v-for="item in info" :key="item.brand_id">
      <div class="intr_title"><h3>{{item.brand_name}}</h3></div>
      <div class="intr_content">
        <div class="intr_text" >
          <pre class="pre_style">{{item.details}}</pre>
          <p>证件：</p>
          <div class="intr_img">
            <!-- <div class="img_list"><img src="https://uekea-1257881260.cos.ap-guangzhou.myqcloud.com/images/2/2018/11/fb10zD4ddTKT9tDIkczbS4rAtita1K.jpg" alt=""></div>
            <div class="img_list"><img src="https://uekea-1257881260.cos.ap-guangzhou.myqcloud.com/images/2/2018/11/fb10zD4ddTKT9tDIkczbS4rAtita1K.jpg" alt=""></div>
            <div class="img_list"><img src="https://uekea-1257881260.cos.ap-guangzhou.myqcloud.com/images/2/2018/11/fb10zD4ddTKT9tDIkczbS4rAtita1K.jpg" alt=""></div>
            <div class="img_list"><img src="https://uekea-1257881260.cos.ap-guangzhou.myqcloud.com/images/2/2018/11/fb10zD4ddTKT9tDIkczbS4rAtita1K.jpg" alt=""></div> -->
          </div>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script>
import Footer from "@/components/Footer.vue";
export default {
  data () {
    return {
      info:[],
    }
  },
  components: {
    Footer
  },
  created() {
    var _this = this;
    let stoId = _this.$route.query.stoId;
    _this.$get(`brand/${stoId}`).then(res=>{
        if(res.code == 200) {
            _this.info = res.data.brandInfo;
        } else if(res.code == 404) {
          _this.$MessageAlert(true,_this.$t('share.Message.error'),'error');
        }
    })
  }
}
</script>

<style lang="less" scoped>
.intr_title {
  text-align: center;
  margin-bottom: 50px;
  h3 {
    font-weight: 700;
    display: inline-block;
    border-bottom: 2px solid #999;
    padding: 0px 30px;
    padding-bottom: 20px;
    color: black;
  }
}
.intr_box {
  width: 70%;
  min-width: 1150px;
  margin: auto;
  padding: 40px;
  border: 1px solid black;
}
.pre_style{
  all:initial;             /*清除继承样式*/
  display:block;           /*设置布局流，避免换行导致的错误布局*/
  white-space:pre-line;    /*保留换行符，设置溢出换行*/
  font-size:15px;          /*设置字号*/
}
p {
    font-size: 20px;
    margin-top: 70px;
    color: black;
}
.intr_img {
  margin-bottom: 120px;
  padding-top: 30px;
  .img_list {
    display: inline-block;
    width: 50%;
    text-align: center;
    margin-bottom: 80px;
  }
}
</style>